<template>
	<div class="j-mesenchyme">
		<div class="jm-item">
			<div class="container">
				<div class="jm-border">
					<div class="jm-img"><img src="../../assets/bank/xb01.png"></div>
					<div class="jm-c">
						<div class="jm-tt">什么是脐带？</div>
						<div class="jm-txt">
							<p>脐带是新生儿与母体胎盘相连的一条纽带，是怀孕时母体和婴儿的重要枢纽。脐带间充质干细胞是间充质干
								细胞的一种，脐带中间充质干细胞含量丰富、增殖潜能高、免疫原性低、支持造血功能强，并且取材方便，
								其采集对母亲和胎儿没有任何不良影响。</p>
						</div>
					</div>
				</div>
				<div class="clearfix jm-width">
					<div class="pull-left jm-left">
						<div class="jm-tt">认识脐带间充质干细胞</div>
						<div class="jm-txt">
							<p>脐带间充质干细胞是指存在于新生儿脐带组织中的一种多功能干细胞，它能分化成许多种组织细胞，具有广阔的临床应用前景。</p>
							<p>脐带间充质干细胞具有较高的分化潜能，可向多个方向进行分化。它在<strong>神经、心肌、肝、内皮、骨、软骨、肌肉、肌腱、韧带</strong>等组织工程方面具有广阔的临床应用前景。</p>
							<p>有报道说从新生儿脐带中分离出间充质干细胞具有取材方便、无伦理学争议等优点，其细胞含量、增殖能力优于骨髓间充质干细胞,免疫原性比骨髓间充质干细胞低。</p>
						</div>
					</div>
					<div class="pull-right jm-right"><img src="../../assets/bank/xb02.png"></div>
				</div>
			</div>
		</div>
		<div class="jm-back">
			<div class="container">
				<div class="jm-back-tt text-center">脐带间充质干细胞作用功效</div>
				<p>脐带间充质干细胞具有较强的免疫调节作用，可用于治疗红斑狼疮和硬皮病等自身免疫性疾病，降低造血干细胞或器官移植后的免疫排异反应，提高细胞或器官移植的成功率；</p>
				<p>能促进造血恢复功能，与单一造血干细胞移植相比，间充质干细胞和造血干细胞共同移植能显著提高白血病和难治性贫血等疾病的治疗效果；</p>
				<p>能修复损伤或病变的组织器官，用于治疗骨和肌肉衰退性疾病、心脑血管疾病、肝病、脑及脊髓神经损伤和老年痴呆等。</p>
				<div class="jm-back-bottom">脐带间充质干细胞能在体内或体外通过诱导分化为神经细胞、胰島素分泌细胞等，从而为帕金森、糖尿病等治疗提供新的治疗方式，是目前干细胞研究的热点之一。</div>
			</div>
		</div>
	</div>
</template>
<style  rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.j-mesenchyme{
		.jm-item{
			.jm-border {
				border: solid 1px #c1bfbf;
				border-radius: 10px;
				padding: 20px;
				position: relative;
				min-height: 190px;
				margin: 30px 0;
				.jm-img{
					position: absolute;
					left: 0;
					top: 0;
					padding: 20px;
					img{
						width: 225px;
						height: 150px;
						border-radius: 10px;
					}
				}
				.jm-c{
					padding-left: 245px;
					.jm-tt{
						/*font-size: 16px;*/
						color: #000;
						font-weight: bold;
						border-bottom: solid 1px #ccc;
						padding-bottom: 10px;
					}
					.jm-txt{
						/*font-size: 16px;*/
						line-height: 30px;
						margin-top: 10px;
						text-align: justify;
					}
				}
			}
			.jm-width {
				margin-top: 70px;
				margin-bottom: 40px;
				.jm-left {
					width: 680px;
					.jm-tt {
						/*font-size: 16px;*/
						color: #000;
						font-weight: bold;
						border-bottom: solid 1px #ccc;
						padding-bottom: 10px;
					}
					.jm-txt {
						/*font-size: 16px;*/
						line-height: 30px;
						margin-top: 10px;
						text-align: justify;
					}
				}
			}
		}
		.jm-back{
			background: url(../../assets/bank/xb03.png) center no-repeat;
			background-size: 100% 100%;
			padding: 80px 0 100px 0;
			.container {
				max-width: 1030px;
				.jm-back-tt{
					/*font-size: 16px;*/
					font-weight: bold;
					color: #000;
					margin-bottom: 30px;
				}
				p{
					position: relative;
					/*font-size: 16px;*/
					line-height: 30px;
					padding-left: 20px;
					text-align: justify;
				}
				p:before {
					width: 6px;
					height: 6px;
					display: block;
					content: "";
					position: absolute;
					left: 0;
					top: 15px;
					background: #000;
					border-radius: 50%;
				}
				.jm-back-bottom{
					padding-left: 20px;
					/*font-size: 16px;*/
					line-height: 30px;
					font-weight: bold;
					margin-top: 30px;
				}
			}
		}
	}
	@media (max-width: 767px){
		.j-mesenchyme{
			.jm-item{
				.jm-border {
					.jm-img{
						position: static;
						margin-bottom: 20px;
						width: 100%;
						text-align: center;
					}
					.jm-c{
						padding-left: 0;
					}
				}
			}
			.jm-back{
				padding: 40px 0;
				.container {
					.jm-back-tt{
						margin-bottom: 20px;
					}
					p{
						line-height: 28px;
					}
					.jm-back-bottom{
						line-height: 28px;
						margin-top: 20px;
					}
				}
			}
		}
	}
</style>